import { Suspense } from 'react'
import {BrowserRouter, Route, Routes} from 'react-router-dom'
import  LoginPage from './pages/Login/LoginPage'
import NotFindPage from './pages/NotFindPage/NotFindPage.jsx'
function App() {

  return (
    <>
      <div className='App'>
        <Suspense fallback={<h1>加载中...........</h1>}>{/*页面未显示前的加载*/}
          <BrowserRouter>{/*路由重定向*/}
            <Routes>{/*路由总览*/}
                <Route path='/LoginPage' element={<LoginPage></LoginPage>}></Route>{/*具体路由页面（一级路由）*/}
                <Route path='/' element={<LoginPage></LoginPage>}></Route>
                <Route path='*' element={<NotFindPage></NotFindPage>} />{/*404路由处理*/}
            </Routes>
          </BrowserRouter>
        </Suspense>
      </div>
    </>
  )
}

export default App
